<template>
  <div class="zlxg-page">
    <div class="primary-header clearfix flex flex-row align-center">
      <div class="line" />
      <span class="font18 ml10 flex-auto">填报人情况</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="4" border>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            姓名
          </template>
          {{ formData.tbrqk_name }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            性别
          </template>
          {{ formData.tbrqk_sex }}
        </el-descriptions-item>

        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            工号
          </template>
          {{ formData.tbrqk_workno }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            手机号
          </template>
          {{ formData.tbrqk_phone }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            岗位
          </template>
          {{ formData.tbrqk_post }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            部门
          </template>
          {{ formData.tbrqk_dept }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            第几次受伤
          </template>
          {{ formData.tbrqk_sscs }} 次
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            事件发生日期
          </template>
          {{ formData.tbrqk_fsrq }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            院区
          </template>
          {{ formData.hospital }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            事件发生地点
          </template>
          {{ formData.tbrqk_fsdd }}{{ formData.tbrqk_fsddqt }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            完成填表日期
          </template>
          {{ createTime }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
    <div class="primary-header clearfix flex flex-row align-center mt20">
      <div class="line" />
      <span class="font18 ml10 flex-auto">详细信息</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="4" border>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            被刺物品
          </template>
          {{ formData.tbrqk_name }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            污染
          </template>
          {{ formData.zybl_wuran }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="4"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            危险来源
          </template>
          {{ formData.zybl_ssly | arrayString }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            病人疾病诊断
          </template>
          {{ formData.zybl_brjbzd }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle1"
        >
          <template slot="label">
            病源微生物检测情况
          </template>
          {{ formData.zybl_bywsw }}
        </el-descriptions-item>

        <el-descriptions-item
          :span="4"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            操作类型
          </template>
          {{ formData.zybl_czlx }}{{ formData.zybl_czlxqt ? "," + formData.zybl_czlxqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="4"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            受伤部位
          </template>
          {{ formData.zybl_ssbw }}<span v-if="formData.zybl_ssbwxx.length > 0" class="ml10">({{ formData.zybl_ssbwxx | arrayString
          }}{{ formData.zybl_ssbwxxqt ? "," + formData.zybl_ssbwxxqt : "" }})</span>
        </el-descriptions-item>
        <el-descriptions-item
          :span="4"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            受伤程度
          </template>
          {{ formData.zybl_sscd | arrayString
          }}
        </el-descriptions-item>
      </el-descriptions>

      <div class="height60 text-center font18 line-height-60">处 理 措 施</div>
      <el-descriptions class="margin-top" :column="4" border>
        <el-descriptions-item :span="2" :label-style="labelStyle">
          <template slot="label">
            流水冲洗：时间
          </template>
          {{ formData.zybl_lscxsj }}分钟
        </el-descriptions-item>
        <el-descriptions-item :span="2" :label-style="labelStyle">
          <template slot="label">
            涂消毒液：药品
          </template>
          {{ formData.zybl_xdyp }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            清创缝合
          </template>
          {{ formData.zybl_qcfh }}
        </el-descriptions-item>
        <el-descriptions-item :span="2" :label-style="labelStyle">
          <template slot="label">
            用药情况：药名
          </template>
          {{ formData.zybl_yyqk }}
        </el-descriptions-item>
        <el-descriptions-item :span="2" :label-style="labelStyle">
          <template slot="label">
            剂量
          </template>
          {{ formData.zybl_jiliang }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            抽血化验：项目
          </template>
          {{ formData.zybl_cxhyxm }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            随访时间 (1)
          </template>
          {{ formData.zybl_sfsj1 }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            随访时间 (2)
          </template>
          {{ formData.zybl_sfsj2 }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            随访时间 (3)
          </template>
          {{ formData.zybl_sfsj3 }}
        </el-descriptions-item>
        <el-descriptions-item :span="4" :label-style="labelStyle">
          <template slot="label">
            事件描述
          </template>
          {{ formData.tbrqk_sjjg }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Gycwsj',
  filters: {
    arrayString(val) {
      if (val && val.length > 0) {
        return val.join(',')
      } else {
        return ''
      }
    }
  },
  props: ['formData', 'createTime'],
  data() {
    return {
      contentStyle: {
        'text-align': 'left',
        'min-width': '130px'
      },
      // label样式
      labelStyle: { width: '150px' },
      labelStyle1: { width: '170px' }
    }
  },

  computed: {},
  mounted() {}
}
</script>
<style lang="scss" scoped></style>
